<script setup lang="ts">
defineProps<{
  xxx: number
}>()


const emit = defineEmits<{
  (event: 'update:xxx', value: number): void
}>()
</script>

<template>
  <div class="count-page">
    <button @click="emit('update:xxx', xxx-1)">-</button>
    <span>{{ xxx }}</span>
    <button @click="emit('update:xxx', xxx+1)">+</button>
  </div>
</template>

<style lang="scss" scoped></style>
